<template>
	<view>
		<view>
			<u-grid :col="3">
				<u-grid-item @click="floorIntroduct">
					<u-icon name="/static/image/floor.png" :size="60"></u-icon>
					<view class="grid-text">楼层介绍</view>
				</u-grid-item>
				<u-grid-item @click="departmentIntroduct">
					<u-icon name="/static/image/department.png" :size="60"></u-icon>
					<view class="grid-text">科室介绍</view>
				</u-grid-item>
				<u-grid-item @click="hospitalIntroduct">
					<u-icon name="/static/image/hospital.png" :size="60"></u-icon>
					<view class="grid-text">医院介绍</view>
				</u-grid-item>
			</u-grid>
		</view>
		<view>
			<u-grid :col="3">
				<u-grid-item @click="aiDoctorHandle">
					<u-icon name="/static/image/doctor.png" :size="60"></u-icon>
					<view class="grid-text">AI医生</view>
				</u-grid-item>
				<u-grid-item @click="appointmentHandle">
					<u-icon name="/static/image/booking.png" :size="60"></u-icon>
					<view class="grid-text">预约</view>
				</u-grid-item>
				<u-grid-item @click="myAppointmentsHandle">
					<u-icon name="/static/image/medical-records.png" :size="60"></u-icon>
					<view class="grid-text">我的预约</view>
				</u-grid-item>
			</u-grid>
		</view>
		<view>
			<u-grid :col="3">
				<u-grid-item>
					<u-icon name="/static/image/shopping-centre.png" :size="60"></u-icon>
					<view class="grid-text">商城</view>
				</u-grid-item>
				<u-grid-item>
					<u-icon name="/static/image/question.png" :size="60"></u-icon>
					<view class="grid-text">问诊咨询</view>
				</u-grid-item>
				<u-grid-item>
					<u-icon name="/static/image/service.png" :size="60"></u-icon>
					<view class="grid-text">客服</view>
				</u-grid-item>
			</u-grid>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {

		}
	},
			methods: {
			aiDoctorHandle() {
				uni.navigateTo({
					url: '/pages/doctor/ai-doctor'
				})
			},
			appointmentHandle() {
				uni.navigateTo({
					url: '/pages/appointment/appointment'
				})
			},
			floorIntroduct() {
				uni.navigateTo({
					url: '/pages/index/floor'
				})
			},
			departmentIntroduct() {
				uni.navigateTo({
					url: '/pages/index/department'
				})
			},
			hospitalIntroduct() {
				uni.navigateTo({
					url: '/pages/index/hosptial'
				})
			},
			myAppointmentsHandle() {
				uni.navigateTo({
					url: '/pages/appointment/my-appointments'
				})
			}
		}
}
</script>

<style lang="scss" scoped>
.grid-text {
	font-size: 28rpx;
	margin-top: 4rpx;
	color: $u-type-info;
}
</style>